var path = require('path');
var ExtractTextPlugin = require("extract-text-webpack-plugin");

var nodeModulesPath = path.join(__dirname, 'node_modules');
module.exports = {
    entry: './src/index.js',
    output: {
        path: path.join(__dirname, 'dist'),
        filename: 'index.js'
    },
    module: {
        // 设置loaders，可以不写"-loader"
        loaders: [
            {
                test: /\.css$/,
                loader: ExtractTextPlugin.extract("style-loader", "css-loader"),
                exclude: [nodeModulesPath]
            },
            {
                test: /\.scss$/,
                loader: "style!css!sass",
                exclude: [nodeModulesPath]
            },
            {
                test: /\.(png|jpg)/,
                loader: "url?limit=8192",
                exclude: [nodeModulesPath]
            },
            // 加载babel加载器
            {
                test: /\.jsx?$/,
                loader: "babel",
                exclude: [nodeModulesPath]
            }
        ]
    },
    // 插件项
    plugins: [
        new ExtractTextPlugin("styles.css")      // 独立打包样式文件:css文件全部打包到styles.css上
    ],
    // 其他解决方案配置
    resolve: {
        //查找module的话从这里开始查找
        //root: 'E:/github/flux-example/src', //绝对路径
        // 自动扩展文件后缀名，意味着我们require模块可以省略不写后缀名
        extensions: ['', '.css', '.js', '.jsx', '.scss'],
        // 定义模块别名
        alias: {
        }
    }
};